<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Analyse statistique - Home</title>
        <script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>    
        <script src="js/index.js"></script>
        <link rel="stylesheet" type="text/css" href="css/site.css"/>         
    </head>
    <body style="background-image: url(images/background.jpg)">        
        <div style="text-align:center">
            <div style="margin-top:30px; font-size: 30px; color: whitesmoke; font-weight: bold">Traitement et analyse statistique d'articles de presse électronique</div>
            <img id="imgFigaro" class="logo" alt="" src="images/lefigaro.png"/>
            <img id="imgLiberation" class="logomiddle" alt="" src="images/liberation.png"/>
            <img id="imgLemonde" class="logo" alt="" src="images/lemonde.png"/>               
        </div>
        <br/>

        <form id="form" action="#{pageController.gotoSelectPeriod()}">
            <div style="margin-top: 150px;">
                <img id="imgStart" alt="" class="getstarted" src="images/getstarted.png"/>                     
                <div class="getstartedouter">
                    <div id="divInner" class="getstartedinner" onclick="gotoPeriod()">
                        <div style="color: yellow; font-weight: bolder">Getting started</div>
                    </div>
                </div>
            </div>
        </form>
    </body>
</html>
